<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Title</title>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, shrink-to-fit=no"
    />

    <link
      rel="stylesheet"
      href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
      integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"
      crossorigin="anonymous"
    />
    <style>
      .i-form {
        border: 1px solid #000;
      }
      .btn2getPagelogin {
        border: none;
        background: none;
        color: #007bff;
        text-decoration: none;
        background-color: transparent;
        outline: none !important;
        padding: 0px;
      }
      .btn2getPagelogin:hover {
        border-bottom: 1px solid #007bff;
      }
    </style>
  </head>
  <body>
    <div class="container">
      <div class="row align-items-center">
        <div class="col-sm-12 col-md-6">
          <img
            src="./images//connan.jfif"
            class="img-fluid rounded"
            alt="头像"
          />
        </div>
        <div class="col-sm-12 col-md-6 i-form">
          <form
            method="post"
            action="/users/register"
            onsubmit="return register()"
          >
            <div class="form-group m-5">
              <label for="username">用户名</label>
              <input
                type="text"
                class="form-control"
                name="username"
                id="username"
                aria-describedby="usernameTip"
                placeholder=""
              />
              <small id="usernameTip" class="form-text text-muted"
                >请输入用户名</small
              >
              <label for="password" class="mt-3">密码</label>
              <input
                type="password"
                class="form-control mb-3"
                name="password"
                id="password"
                placeholder=""
              />
              <label for="emphasizepwd">确认密码</label>
              <input
                type="password"
                class="form-control"
                name="emphasizepwd"
                id="emphasizepwd"
                placeholder=""
              />
              <button
                type="submit"
                name=""
                id=""
                class="btn btn-primary btn-lg btn-block mt-4"
              >
                注册
              </button>
            </div>
            <a href="/users/register">立即登录</a>
          </form>
          <form action="/users/register" method="POST">
            <button class="btn2getPagelogin" type="submit">
              有账户,立即登录
            </button>
          </form>
        </div>
      </div>
    </div>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script
      src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
      integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
      crossorigin="anonymous"
    ></script>
    <script
      src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
      integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
      crossorigin="anonymous"
    ></script>
    <script src="./javascripts/users.js"></script>
  </body>
</html>
